<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>积分商城</title>
    <link rel="stylesheet" type="text/css" href="../../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../../css/common.css">
    <link rel="stylesheet" type="text/css" href="../../css/swiper.css">
    <link rel="stylesheet" type="text/css" href="../../css/order.css">
    <script src="../../js/jquery.js"></script>
    <script src="../../bootstrap/js/bootstrap.min.js"></script>
    <script src="../../js/common.js"></script>
</head>

<body class="by-gray">
    <!--header begin-->
    <header class="header-bar"><a class="header-left" href="javascript:void(0);" onclick="window.history.go(-1)"><i class="tool-font font-arrow-left"></i></a>
        <span
            class="title">订单列表</span>
    </header>
    <!--header end-->
    <div class="mb45"></div>

    <!--pg-order-list begin-->
    <section class="pg-order-list">
        <ul class="order-list">
            <!--01 待发货 begin-->
            <li>
                <!--list-title begin-->
                <div class="list-title">
                    <span class="order-num">订单号：19423892899123</span>
                    <span class="order-state float-r color-orange">待发货</span><!--待发货 color-orange-->
                </div>
                <!--list-title end-->
                <!--order-info begin-->
                <a class="order-info" href="order-detail.html">
                    <!--order-pro begin-->
                    <div class="order-pro clear">
                        <div class="pro-img"><img src="../../images/del/01.jpg" /></div>
                        <div class="pro-text">
                            <div class="pro-name">北京故事精品围巾</div>
                            <div class="pay-integral">实付积分：<em class="color-orange">30</em></div>
                        </div>
                    </div>
                    <!--order-pro end-->
                    <i class="tool-font font-arrow-right"></i>
                </a>
                <!--order-info begin-->
            </li>
            <!--01 待发货 end-->
            <!--02 待收货 begin-->
            <li>
                <!--list-title begin-->
                <div class="list-title">
                    <span class="order-num">订单号：19423892899123</span>
                    <span class="order-state float-r color-blue">待收货</span><!--待收货 color-blue-->
                </div>
                <!--list-title end-->
                <!--order-info begin-->
                <a class="order-info" href="order-detail.html">
                    <!--order-pro begin-->
                    <div class="order-pro clear">
                        <div class="pro-img"><img src="../../images/del/02.jpg" /></div>
                        <div class="pro-text">
                            <div class="pro-name">北京故事精品围巾</div>
                            <div class="pay-integral">实付积分：<em class="color-orange">30</em></div>
                        </div>
                    </div>
                    <!--order-pro end-->
                    <i class="tool-font font-arrow-right"></i>
                </a>
                <!--order-info begin-->
            </li>
            <!--02 待收货 end-->
            <!--03 已完成 begin-->
            <li>
                <!--list-title begin-->
                <div class="list-title">
                    <span class="order-num">订单号：19423892899123</span>
                    <span class="order-state float-r color-666">已完成</span><!--已完成 color-666-->
                </div>
                <!--list-title end-->
                <!--order-info begin-->
                <a class="order-info" href="order-detail.html">
                    <!--order-pro begin-->
                    <div class="order-pro clear">
                        <div class="pro-img"><img src="../../images/del/01.jpg" /></div>
                        <div class="pro-text">
                            <div class="pro-name">北京故事精品围巾</div>
                            <div class="pay-integral">实付积分：<em class="color-orange">30</em></div>
                        </div>
                    </div>
                    <!--order-pro end-->
                    <i class="tool-font font-arrow-right"></i>
                </a>
                <!--order-info begin-->
            </li>
            <!--03 已完成 end-->
        </ul>
    </section>
    <!--pg-order-list end-->
</body>

</html>